<template>
	<view class="p-3">
		<view class="title" style="clear: both;">
			<input class="uni-input" maxlength="10" placeholder="请输入反馈意见标题"
				style="background-color: #80808030; margin: 0 auto; border-radius: 10rpx; padding:20rpx;font-size: 28rpx;"
				:value="title" />
		</view>

		<view class="mt-3">
			<textarea placeholder-style=""
				style="background-color: #80808030; margin: 0 auto; border-radius: 10rpx; padding:20rpx;font-size: 28rpx;width: 640rpx;"
				placeholder="请输入反馈意见..." v-model="content" />
		</view>

		<view class="mt-3">
			<textarea placeholder-style=""
				style="background-color: #80808030; margin: 0 auto; border-radius: 10rpx; padding:20rpx;font-size: 28rpx;width: 640rpx;"
				placeholder="请输入反馈意见..." v-model="backContent" />
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				id: 0,
				title: '',
				content: '',
				backContent: '反馈:',
			}
		},
		onLoad(options) {
			let _this = this;
			_this.id = options.id;
			_this.title = options.title;
			_this.content = options.content;
			_this.getData();
		},
		methods: {
			getData() {
				let _this = this;
				let opts = {
					url: 'Message/SearchMessageInfo.shtml'
				};
				let param = {
					longId: _this.id
				};
				_this.$http.httpRequest(opts, param).then(
					res => {
						console.log(res.data);
						if (res.data.code == '200') {
							if (res.data.data.vcReply != null)
								_this.backContent += res.data.data.vcReply;
						} else {
							uni.showToast({
								icon: 'none',
								title: res.data.msg
							});
						}
					},
					error => {
						console.log(error);
					}
				);
			}
		}
	}
</script>

<style>

</style>
